@normal_cor: #009688;
*{margin: 0; padding: 0; list-style: none;}
html,body,#app{width: 100%; height: 100%; font-size: 14px;}


.my_main{
	height: 100%; display: flex; flex-flow: column;
	.my_header{
		height: 56px;
	}
	.my_body{
		flex: 1; overflow-y: auto; -webkit-overflow-scrolling : touch;
	}
	.my_footer{
		height: 56px;
	}
}

//概况
.userInfo{
	li{
		text-indent: 30px; line-height: 30px; font-size: 14px;
	}
}
.myTask_list{
	background: #fff;
	.typeCircle{
		width: 40px; height: 40px; line-height: 40px; font-size: 12px; text-align: center; display: inline-block; border-radius: 50%;
		background: @normal_cor; color: #fff; float: left;
	}
	label{
		font-size: 12px;
		&.toDate{color: #f60;}
	}
}

.chartBox{
	.chart_title{
		padding: 10px 10px 0 10px;
	}
	.chart_frame{
		height: 250px; width: 100%; margin-top: 10px;
	}
}

//组织架构
.my_structure{
	padding: 20px 10px 20px 20px;
	ul{
		line-height: 30px;
		li{
			label{color: red;}
			ul{
				li{
					margin-left: 30px;
					label{color: blue;}
					ul{
						li{
							margin-left: 30px;
							label{color: @normal_cor;}
						}
					}
				}
			}
		}
	}
}

//用户中心
.my_userHeader{
	width: 100%; height: 150px; position: relative; margin-bottom: 50px;
	background: #009688 url('../img/user_bg.jpg') no-repeat; background-size: 100% auto;
	p{
		width: 80px; height: 80px; border-radius: 50%; background: yellow; overflow: hidden;
		position: absolute; left: 10px; bottom: -35px; box-shadow: 0 0 6px @normal_cor;
		img{width: 100%; height: 100%;}
	}
	.user_hd{
		position: absolute; left: 105px; bottom: -29px; line-height: 30px;
		.names{color: #fff; font-size: 16px; font-weight: 700;}
	}
}
.font16{font-size: 16px; color: #333;}
.noData{text-align: center; line-height: 66px; color: red;}

//公共样式
.fl{float: left;}.fr{float: right;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}.ml_15{margin-left: 15px;}.ml_20{margin-left: 20px;}
.mr_5{margin-right: 5px;}.mr_10{margin-right: 10px;}.mr_15{margin-right: 15px;}.mr_20{margin-right: 20px;}
.mt_5{margin-top: 5px;}.mt_10{margin-top: 10px;}.mt_15{margin-top: 15px;}.mt_20{margin-top: 20px;}
.mb_5{margin-bottom: 5px;}.mb_10{margin-bottom: 10px;}.mb_15{margin-bottom: 15px;}.mb_20{margin-bottom: 20px;}
//颜色
.col_danger{color: #FF4949;}
.col_success{color: #13CE66;}
.col_info{color: #20A0FF;}
.col_warning{color: #F7BA2A;}
.col_orange{color: #f60;}

.my-btn{
	padding: 5px 8px; border-radius: 3px; border: none; outline: 0; color: #fff;
	&.green{background: @normal_cor;}
	&.danger{background: #ff4081;}
	&.gray{background: #ddd;}
}
.my-input{
    width: 100%; height: 30px; line-height: 30px; padding: 5px 6px; font-size: 14px; color: #555;
    display: inline-block; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 3px;
}

//element-ui 样式修改
.el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
	border-bottom-color: #009688;
}
.el-menu--horizontal .el-menu-item{
	height: 40px; line-height: 40px;
}
//muse-ui样式重置
.mu-text-field{
	width: 100%;
}
.muTabs{
	background: #fff; border-bottom: 1px solid #eee;
	.mu-tab-active{
		.mu-tab-text{color: #333;}
	}
	.mu-tab-text{color: #888;}
}

.popup-top {
  width: 100%;
  opacity: .8;
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 375px;
}


